<template>
<!-- 统计及监控模块-工作情况汇总页面 -->
    <div class="fillcontain">
        <el-form  label-width="100px" class="search_container">
            <el-row>
                <el-col :span="24" class="pb20">
                    <el-radio-group v-model="radioDate">
                    <el-radio-button selected value='日' label="日"></el-radio-button>
                    <el-radio-button value='月' label="月"></el-radio-button>
                    <el-radio-button value='年' label="年"></el-radio-button>
                    </el-radio-group>
                </el-col>
            </el-row>
        </el-form>
            <!-- 日 -->
            <day  v-if="radioDate == '日'"></day>

            <!-- 月 -->
            <month v-if="radioDate == '月'"></month>

            <!-- 年 -->
            <year v-if="radioDate == '年'"></year>
    </div>
</template>

<script>
    import { mapGetters } from 'vuex';
    export default {
         components: {
            day: resolve => require(['./day.vue'], resolve),
            month: resolve => require(['./month.vue'], resolve),
            year: resolve => require(['./year.vue'], resolve),
        },
        data(){
            return {
				radioDate:'日',
            }
        },
        created(){},
        mounted(){},
        methods: {
			search: function(){}
		},
        computed:{
            ...mapGetters(['tags']),
        },
    }
</script>

<style lang="less" scoped>
    .fillcontain{
        padding-bottom: 0;
    }
    .contain{
        background: #fff;
        padding: 10px 10px 20px 10px;
        // margin-bottom: 20px;
    }
   .pagination{
       padding: 10px 20px;
       text-align: right;
   }
   .operationIcon{
        // padding: 12px;
        border:1px solid #e5e5e5;
        border-radius: 50%;
        width: 22px; 
        height: 22px;
        display: inline-block;
        cursor: pointer;
        box-shadow:0 0 3px #f9f9f9;
        .svg-icon{
            font-size: 14px;
            fill:#68a3fc;
        }
   }
   .search_container{
       padding: 20px 20px 0 20px;
    //    border-top: 1px solid #e1e1e1;
   }
</style>



